@charset "UTF-8";
#fullPage-nav{
  font-size: 14px;
  _display:none;
  li{
    //border: 1px solid #000000;
    width: 70px;
    height: 20px;
    a{
      float: right;
      color: #000000;
      width: 20px;
      height: 20px;
      //margin-left: 5px;
      background: url("../img/dot.png")5px 5px  no-repeat;
    }
    .active{
      background-position: 0 bottom;
    }
  }
  span{
    display: none;
  }
}
.fullPage-tooltip{
  line-height: 25px;
  color: #000000;
  font-family: 微软雅黑;
}
*{
  margin: 0;
  padding: 0;
}
.section1{
  position: relative;
  overflow: hidden;
  .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    img{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .bg12{
    position: absolute;
    bottom: -292px;
    background: url("../img/bg12.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 0;
    transition: all 1.7s ;
  }
  .bg13{
    position: absolute;
    bottom: -377px;
    width: 100%;
    height: 377px;
    background: url("../img/bg13.png")50% 0 no-repeat;
    transition: all 1s;
  }
  .mail{
    position: absolute;
    left: 50%;
    top: -25px;
    width: 375px;
    height: 26px;
    margin-left: -187px;
    background: url("../img/logo.png")no-repeat;
    transition: all 1s;
    float: left;
    text-indent: -9999px;

    .mail-163{
      float: left;
      width: 107px;
    }
    .mail-126{
      float: left;
      width: 108px;
      margin-left: 23px;
    }
    .mail-yeah{
      float: right;
      width: 115px;
    }
  }
  .hgroup{
    position: absolute;
    left: 31%;
    opacity: 0;
    top: 150px;
    transition: all 1s;
  }
}
.section2{
  position: relative;
  overflow: hidden;
  .sec2_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    img{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .bg21{
    position: absolute;
    bottom: -140px;
    left: 0;
    //left: -510px;
    background: url("../img/bg21.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 0;
    transition: all 1.7s ;
  }
  .bg22{
    position: absolute;
    bottom: -110px;
    right: 0;
    //right:-430px ;
    background: url("../img/bg22.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 0;
    transition: all 1.7s ;
  }
  .bg23{
    position: absolute;
    bottom: -500px;
    background: url("../img/bg23.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 1;
    transition: all 1.7s ;
  }
  .see{
    position: absolute;
    top: 124px;
    width: 510px;
    left: 30%;
    span{
      font-size: 24px;
      color: #787d82;
      display: block;
      margin-bottom: 15px;
    }
    h3{
      font-size: 45px;
      font-weight: 100;
      color: #787d82;
      margin-bottom: 25px;
    }
    p{
      color: #787d82;
      line-height: 1.9;
      top: 100px;
      opacity: .5;
      transition: all 2s;
    }
  }
}
.section3{
  position: relative;
  overflow: hidden;
  .sec3_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    img{
      display: block;
      width: 100%;
      height: 100%;
    }
  }
  .bg31{
    position: absolute;
    bottom: -30px;
    //right: 0;
    right:-170px ;
    background: url("../img/bg31.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 1;
    transition: all 1.7s ;
  }
  .bg32{
    position: absolute;
    bottom: -500px;
    right:-300px ;
    background: url("../img/bg32.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 1;
    transition: all .7s ;
  }
  .bg33{
    position: absolute;
    bottom: -190px;
    right: 0;
    //right:-220px ;
    background: url("../img/bg33.png") 50% 0 no-repeat ;
    width: 100%;
    height: 392px;
    opacity: 0;
    transition: all .7s ;
  }
  .topic{
    position: absolute;
    top: 164px;
    width: 510px;
    left: 30%;
    p{
      color: #c9c87d;
      font-size: 25px;
      margin-bottom: 20px;
    }
  }
  .jiaohu{
    position: absolute;
    color: #fffde1;
    width: 430px;
    left: 30px;
    top: 378px;
    font-size: 16px;
    line-height: 1.9;
  }
}
.active{
  .bg12{
    bottom: 70px;
    opacity: 1;
    transition-delay:.7s ;
  }
  .bg13{
    bottom: -40px;
    opacity: 1;
    transition-delay:.7s ;
  }
  .hgroup {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform:scale(1.1, 1.1);
    transition-delay:.7s ;
  }
  .mail{
    top: 65px;
    transition-delay:.9s ;
  }
  .bg21{
    left: -510px;
    opacity: 1;
  }
  .bg23{
    bottom: -150px;;
  }
  .bg22{
    right:-430px ;
    opacity: 1;
  }
  .see{
    p{
      opacity: 1;
      top:0;
      transition-delay:.7s ;
    }
  }
  .bg32{
    bottom: 700px;
    transition-delay:.5s ;
  }
  .bg33{
    right:-220px;
    opacity: 1;
    transition-delay:.7s ;
  }
}